<template>
  <div>
    <h3>Child</h3>
    <p>{{num}}</p>
    <h3>{{t | date}}</h3>
  </div>
</template>

<script>
export default {
  name: "Child",
  props: {
    num: {
      type: Number,
      default: 100
    }
  },
  data(){
    return {
      t:Date.now()-9999999999
    }
  },
  beforeCreate() {
    console.log("1-beforeCreate");
  },
  created(){
    console.log("2-created");
  },
  beforeMount() {
    console.log("3-beforeMount");
  },
  mounted(){
    console.log("4-mounted");
  },
  beforeUpdate() {
    console.log("1-beforeUpdate");
  },
  updated(){
    console.log("2-updated");
  }
}
</script>

<style scoped>
  h3{
    color: red;
  }
</style>